<!--<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>-->
<!--
	产品列表
-->
<style>
	.vice-pagemain{
	height: auto;
	width: 1110px;
	margin: 0 auto;
}

.vice-page1{
	height: 75px;
	width:900px;
	margin: 0 auto;
}
input:hover{
	border: 1px solid #28A4C9;
}
.page1-date{
	float: left;
	height: 75px;
	line-height: 75px;
	text-align: center;
}
.page1-date input{
	width: 150px;
	height: 35px;
	font-size: 16px;
}
.page1-select1{
	float: right;
	height: 75px;
	line-height: 75px;
	text-align: center;
}
.page1-select1 input{
	width: 150px;
	height: 35px;
}
.page1-select1 button{
	width: 80px;
	height: 35px;
	background: #5cb85c;
	border: 1px solid #5cb85c;
	border-radius: 5px;
	color: white;
	margin-left: 10px;
	font-size: 15px;
}
.page1-select1 button img{
	height: 13.5px;
	width: 13.5px;
}
.page1-select1 button:hover{
	background: #419641;
}
.vice-page2{
	height: 45px;
	width: 1110px;
}
.vice-page2 span{
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.vice-page2 span select{
	height: 30px;
	width: 50px;
	font-size: 14px;
}
.vice-page3{
	margin-top: 5px;
	height: 65px;
	width: 1110px;
	background: #f5fafe;
	border: 1px solid #eee;
}
.vice-page3 button{
	height: 40px;
	width: 100px;
	margin-top: 15px;
	margin-left: 15px;
}
.button-red{
	border: 1px solid #dd514c;
	border-radius: 5px;
	background: #dd514c;
	color: white;
}
.button-red:hover{
	background: #c12e2a ;
}
.button-blue{
	border-radius: 5px;
	border: 1px solid #5a98de ;
	background: #5a98de ;
	color: white;
}
.button-blue:hover{
	background: #2e6da4;
}
.vice-page4{
	height: auto;
	width: 1110px;
	margin-top: 30px;
}
.button3{
	width: 60px;
	height: 30px;
	margin-left: 5px;
}
.table-tr1{
	background: #f5fafe;
}
.vice-page5{
	margin-top: 30px;
	height: 45px;
	width: 1110px;
}
.page5-text{
	height: 45px;
	line-height: 45px;
	text-align: center;
	float: left;
}
.page5-button{
	height: 45px;
	float: left;
	margin-left:550px;
	line-height: 45px;
	text-align: center;
}
.page5-button > .button-blue{
	width: 80px;
	height: 35px;
}
.page5-button span{
	margin:5px;
	width: 10px;
	height: 5px;
	padding: 3px 10px 3px 10px;
	border: 1px solid #000000;
}
.page5-div3{
	float: right;
	height:45px ;
	line-height: 45px;
	text-align: center;
	margin-right: 10px;
}
.page5-div3 input{
	height: 30px;
	width: 40px;
	font-size: 16px;
}
.page5-div3 button{
	height: 35px;
	width: 60px;
	margin-left: 5px;
}
</style>
<div>
	<div class="addPS-div1">
		<p>
			<img src="../Static/img/text4-文本.png"/>
			 &nbsp;订单管理 &nbsp;
			<img class="arrowsright" src="../Static/img/箭头右.png"/>
			&nbsp; 产品列单	
		</p>
		<button>刷新</button>
	</div>
	<div class="vice-pagemain">
		<div class="vice-page1">
			<div class="page1-date">
				<span>日期范围：</span>
				<input type="date" name="" value="" />
				--
				<input type="date" name="" value="" />
			</div>
			<div class="page1-select1">
				<input type="text" name="" value="" />
				<button>
					<img src="../Static/img/搜索.png" />
					搜索</button>
			</div>
		</div>
		<div class="vice-page2">
			<span>
				显示
				<select>
					<option>10</option>
					<option>25</option>
					<option>50</option>
				</select>
				条
			</span>
		</div>
		<div class="vice-page3">
			<button class="button-red">
				<img src="../Static/img/垃圾箱(1).png" />
				批量删除
			</button>
			<button class="button-blue">
				<img src="../Static/img/加号.png" />
				添加
			</button>
		</div>
		<div class="vice-page4">
			<table border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#dadada" >
				<tr align="center" class="table-tr1" >
					<th width="100px" height="35px">
						<input type="checkbox" name="" value="" />
					</th>
					<th width="120px">ID</th>
					<th width="120px">产品名称</th>
					<th width="150px">图片</th>
					<th width="120px">描述</th>
					<th width="120px">价格</th>
					<th width="120px">发布状态</th>
					<th width="250px">操作</th>
				</tr>
				<tr align="center">
					<td height="60px">
						<input type="checkbox" name="" value="" />
					</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td>
						<button class="button-blue button3">修改</button>
						<button class="button-blue button3">上/下架</button>
						<button class="button-red button3">删除</button>
					</td>
				</tr>
				<tr align="center">
					<td height="60px">
						<input type="checkbox" name="" value="" />
					</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td>
						<button class="button-blue button3">修改</button>
						<button class="button-blue button3">上/下架</button>
						<button class="button-red button3">删除</button>
					</td>
				</tr>
				<tr align="center">
					<td height="60px">
						<input type="checkbox" name="" value="" />
					</td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
					<td>
						<button class="button-blue button3">修改</button>
						<button class="button-blue button3">上/下架</button>
						<button class="button-red button3">删除</button>
					</td>
				</tr>
			</table>
		</div>
		<div class="vice-page5">
			<div class="page5-text">
				显示
				<span>10</span>
				条，共<span>20</span>条
			</div>
			<div class="page5-button">
				<button class="button-blue">上一页</button>
				<span>3</span>
				<button class="button-blue">下一页</button>
			</div>
			<div class="page5-div3">
				<input  type="text" name="" />
				<button class="button-blue">跳转</button>
			</div>
		</div>
	</div>
</div>	
